/* DUDE: BEFORE CHANGING ANYTHING REALIZE, THAT STYLES ARE ELASTIC! */
/* */
/* The page body settings and overall layout. */
body {
	text-align: left;
	background: #ffffff;
	font-size: 0.8em;
	color: #505050;
	line-height: 1.35em;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div {
	vertical-align: middle;
}
a:link, a:visited {
	color: #ff500c;
}
.roundcont {
	margin-top: 2em;
	width: 66em;
	background-color: #e6e7da;
	color: #505050;
}
/* .roundcont p {
	margin: 0 10px;
}*/
/* these are corners of fancy background */
.roundtop {
	background: url(images/tr.gif) no-repeat top right;
}
.roundbottom {
	background: url(images/br.gif) no-repeat top right;
}
img.corner {
	width: 1em;
	height: 1em;
	border: none;
	display: block !important;
}
/* The big red button with letters :) and it's background */
#topBar {
	width: 102%;
	height: 28px;
	background: repeat-x url(images/top_bar_bg.png);
	position: absolute;
	top: 0;
	left: 0;
}
html>body #topBar {
	width: 100%;
}

#viewingButton {
	position: absolute;
	top: 7px;
	left: 35px;
	text-align: center;
}
#viewingButton #left {
	background: no-repeat url(images/view_but_left.png);
	height: 34px;
	width: 32px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#viewingButton #text {
	background: repeat-x url(images/view_but_middle.png);
	text-shadow: 2px 2px 2px #b74e18;
	height: 34px;
	color: white;
	padding-top: 7px;
	font-size: 0.8em;
	float: left;
	padding-left: 32px;
	position: relative;
	z-index: 0;
}
#viewingButton #right {
	background: repeat-x url(images/view_but_right.png);
	height: 34px;
	width: 32px;
	float: left;
}
/* end of fancy header */
/* */
/* */
/* Here comes left settings pane */
.pv-SettingsPane {
	border: 1px solid #AAAAAA;
	width: 25em;
	background-color: #FFFFFF;
}
/* this two styles taking care about header of selected and deselected headers of stack panel*/
.pv-SettingsPane .gwt-StackPanelItem {
	background-image: url(images/gradient-beige-big.gif);
	background-repeat: repeat-x;
}
.pv-SettingsPane .gwt-StackPanelItem-selected {
	background-image: url(images/gradient-yellow-big.gif);
	background-repeat: repeat-x;
}
.pv-SettingsPane .gwt-StackPanelItem .status-image {
	margin-left: 5px;
	padding: 2px 2px 2px 2px;
}
.pv-SettingsPane .content-outer {
	padding-right: 3px;
	padding-left: 3px;
}
.pv-SettingsPane .label_title {
	vertical-align: middle;
	color: #636363;
	font-size: 1em;
	letter-spacing: -0.1em;
	font-weight: bold;
	padding-bottom: 0.2em;
}
.pv-SettingsPane .label_example {
	color: #636363;
	font-weight: normal;
	vertical-align: middle;
	font-size: 0.7em;
	margin-left: 2em;
	padding-bottom: 0.2em;
	letter-spacing: normal;
}
.pv-SettingsPane .label_invalid {
	color: red;
	font-weight: normal;
	vertical-align: middle;
	font-size: 0.7em;
	margin-left: 0.2em;
}
.pv-SettingsPane .label_valid {
	color: green;
	font-weight: normal;
	vertical-align: middle;
	font-size: 0.7em;
	margin-left: 0.2em;
}
.pv-SettingsPane .green_label_left {
	padding-left: 3px;
	font-size: 1em;
	color: green;
	font-weight: bolder;
}
.pv-SettingsPane .userSettingsPane {
	color: green;
	font-weight: normal;
	vertical-align: middle;
	padding: 0px;
	width: 100%;
}
.pv-SettingsPane .userSettingsPane .actionButton {
	padding: 1px;
	font-size: 1em;
	background-color: #FF9933;
	border: 1px ridge #FF9900;
	margin: 1px;
}
.pv-SettingsPane .userSettingsPane .actionButtonSelected {
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FF6600;
	border: 1px groove #FF9900;
	margin: 1px;
}
/* end of left settings pane and start of lists and their action buttons */
/* */
.projectList {
	width: 100%;
	padding: 0px;
}
.projectList .prjList {
	width: 100%;
	border: 1px groove #666666;
	border: medium inset #666666;
	padding-right: 3px;
	padding-bottom: 3px;
}
.projectList .invitation_list_title{
	width: 100%;
	background: repeat url(images/gradient-yellow.gif);
	vertical-align: middle;
	color: #636363;
	font-size: 1em;
	letter-spacing: -0.1em;
	font-weight: bold;
	padding-bottom: 0.2em;
	height: 2em;
	padding-top: 0.3em;
	text-align: left;
}
.projectList .invitation_list_title .status-image {
	margin-left: 5px;
	padding: 2px 2px 2px 2px;
}
.projectList .actionButton {
	padding: 1px;
	font-size: 1em;
	background-color: #FF9933;
	border: 1px ridge #FF9900;
	margin: 1px;
}
.projectList .actionButtonSelected {
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FF6600;
	border: 1px groove #FF9900;
	margin: 1px;
}
.projectList .action_menu{
	background-image: url(images/gradient-beige-big.gif);
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	width: 100%;
}
/* end of lists and action buttons */
/* */
/* */
/* Here comes right project info-pane */
.pv-ManagementPane {
	border: 1px solid #AAAAAA;
	width: 40em;
	background-color: #FFFFFF;
	padding: 2px;
}
.pv-ManagementPane .aboutPane{
}
.pv-ManagementPane .titleWidget{
	width: 100%;
	background: repeat url(images/gradient-yellow.gif);
	padding-left: 5px;
	height: 3em;
	text-align: left;
	vertical-align: top;
}
.pv-ManagementPane .titleWidget .waitImage{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.pv-ManagementPane .titleWidget .mainTitle{
	font-size: 1.1em;
	font-weight: bold;
	height: 1.2em;
}
.pv-ManagementPane .titleWidget .subTitle{
	font-size: 0.7em;
	font-weight: bolder;
	height: 0.8em;
	padding-left: 3em;
	color: #666666;
}

.pv-ManagementPane .infoPanel {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.pv-ManagementPane .infoPanel .title{
	width: 100%;
	background: repeat url(images/gradient-yellow.gif);
	height: 30px;
	padding-left: 5px;
}
.pv-ManagementPane .infoPanel .chartImage{
    padding: 20px;
    text-align: center;
}
.pv-ManagementPane .infoPanel .waitimage-Small{
	padding: 5px;
}
.pv-ManagementPane .editProjectPanel {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.pv-ManagementPane .editProjectPanel .title{
	width: 100%;
	background: repeat url(images/gradient-yellow.gif);
	height: 30px;
	padding-left: 5px;
}
.pv-ManagementPane .editProjectPanel .box {
	background-color: white;
	border: 2px ridge #666;
}
/* The Project List panel specific settings */
 .listPopup {
	text-align: left;
	font-size: 1em;
	background-color: #EFEFD9;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.listPopup .Caption {
	background: repeat url(images/gradient-yellow.gif);
	font-weight: bold;
	cursor: default;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	text-align: center;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.listPopup td {
	text-align: right;
}
.listPopup .gwt-Button {
	margin: 7px;
}

/*	here goes dynatable styles */
.DynaTable-DynaTableWidget {
	width: 100%;
	border: 1px solid #ACA899;
	font-size: 0.75em;
}
.DynaTable-DynaTableWidget .navbar {
	width: 100%;
	background-color: #ECE9D8;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.DynaTable-DynaTableWidget .navbar button {
	width: 3em;
	font-size: x-small;
	background-color: #FF9933;
	border: 1px ridge #FF9900;
}

.DynaTable-DynaTableWidget .navbar .status {
	vertical-align: middle;
	padding-right: 10px;
}

.DynaTable-DynaTableWidget .navbar .wait-image {
	padding-left: 10px;
}


.DynaTable-DynaTableWidget .table {
	margin: 10px;
}

.DynaTable-DynaTableWidget .table td.header {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

.DynaTable-DynaTableWidget .table td.type {
	width: 7em;
}

.DynaTable-DynaTableWidget .table td.tool {
	width: 7em;
}

.DynaTable-DynaTableWidget .table td.owner {
	width: 16em;
}

.DynaTable-DynaTableWidget .table td.modified {
	width: 16em;
}

.DynaTable-DynaTableWidget .table td {
	vertical-align: top;
}

.DynaTable-DayFilterWidget {
	margin: 3em 1em 1em 0;
	width: 10em;
	padding: 0px 8px 0px 8px;
	border: 1px solid #ACA899;
}

.DynaTable-DayFilterWidget button {
	width: 4em;
	margin: 8px 4px 8px 4px;
}

.DynaTable-ErrorDialog {
  border: 2px outset;
  background-color: white;
  width: 50%;
}

.DynaTable-ErrorDialog .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}


/* ALL needed GWT stuff */
.gwt-StackPanel {
	border: 1px solid #AAAAAA;
	width: 300px;
}
.gwt-Button {
	font-size: 0.8em;
	padding: 1px 1px 1px 1px;
	margin-left: 10px;
}
.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(images/gradient-beige-big.gif);
	background-repeat: repeat-x;
}
.gwt-StackPanel .gwt-StackPanelItem-selected {
	background-image: url(images/gradient-yellow-big.gif);
	background-repeat: repeat-x;
}
.dataPanelHeader {
	background-image: url(images/gradient-beige-big.gif);
	background-repeat: repeat-x;
}
.gwt-Tree {
	background-color: White;
	width: 100%;
}
.gwt-Tree .gwt-TreeItem {
	color: black;
	font-size: 12px;
	font-family: arial, "lucida console", sans-serif;
	font-weight: normal;
	width: 100%;
}
.gwt-Tree .gwt-TreeItem-selected {
	background-color: MorningFog;
}
.gwt-Tree .gwt-TreeItem-outer-odd {
	background-color: #C5C7B1;
	width: 100%;
}
.gwt-Tree .gwt-TreeItem-inner-odd {
	background-color: #E6E7DA;
	width: 100%;
}
.gwt-Tree .gwt-TreeItem-even {
	background-color: #FFFFFF;
	width: 100%;
}
.gwt-Image-status {
	margin-left: 10px;
	padding: 2px 2px 2px 2px;
}
.gwt-ListBox {
	margin-left: 10px;
}
.gwt-TextBox {
	color: #505050;
	font-size: 0.8em;
	margin-left: 10px;
	align: right;
	width: 20em;
}
.gwt-PasswordTextBox {
	color: #505050;
	font-size: 0.8em;
	margin-left: 10px;
	align: right;
	width: 20em;
}
.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background: repeat url(images/gradient-yellow.gif);
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

/* CSS3 hack to target Opera8+ */
@media all and (min-width: 0px) {
 body .box-10 {
 line-height: 0px;
}
.box-01, .box-11, .box-21 {
 background: url(gradient.png) repeat-x top left;
}
.box-01, .box-00 {
 font-size: 2px;
 border-left: 1px solid #666;
}
.box-21, .box-20 {
 font-size: 2px;
 border-right: 1px solid #666;
}
.is-top .box-00, .is-top .box-20 {
 border-right: none;
 border-left: none;
}
.gwt-StackPanel .gwt-StackPanelItem table {
 width: 100%;
}
